<!DOCTYPE html>
<html class=" " lang="zh-CN">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">	
<meta name="format-detection" content="telephone=no">
<title>xx</title>	
<meta name="keywords" content="KOI">
<meta name="description" content="KOI">
<!-- <link rel="shortcut icon" type="image/x-icon" href="http://www.koithe.cn/App/Tpl/Home/images/fav.ico"> -->
<link rel="stylesheet" type="text/css" href="templets/cloud_04/style/nprogress.css">
<link rel="stylesheet" type="text/css" href="templets/cloud_04/style/animate.css">
<link rel="stylesheet" type="text/css" href="templets/cloud_04/style/bootstrap.css">
<link rel="stylesheet" type="text/css" href="templets/cloud_04/style/common.css">
<link rel="stylesheet" type="text/css"  href="templets/cloud_04/style/376.css">
<link rel="stylesheet" type="text/css"  href="templets/cloud_04/style/font-awesome.min.css">
<script type="text/javascript" src="templets/cloud_04/js/jquery-3.js"></script>
<script type="text/javascript" src="templets/cloud_04/js/bootstrap.js"></script>
<script type="text/javascript" src="templets/cloud_04/js/nprogress.js"></script>
<script type="text/javascript" src="templets/cloud_04/js/wow.js"></script>
<script type="text/javascript">
	$(function(){	
		new WOW().init();
		NProgress.start();
		NProgress.done();
	})
</script>			
<script type="text/javascript" src="js/common.js"></script>
<!--[if lt IE 9]><script type="text/javascript">window.location.href='http://cdn.dmeng.net/upgrade-your-browser.html?referrer='+location.href;</script><![endif]-->
<style>
.guide-menu a{position: relative; display: block; padding: 8px 10px; color: #feffc3; font-size: 14px; font-weight: bold; text-align: right; text-transform: uppercase; font-family: "BrandonText-Bold";}
.guide-menu li >a::after{position: absolute; display: block; right: 0; top: 50%; margin-top: -4px; content: ""; width: 6px; height: 6px; border-top: 1px solid #feffc3; border-right: 1px solid #feffc3; -webkit-transition: all 0.3s; transition: all 0.3s; -webkit-transform: rotate(135deg); transform: rotate(135deg);}
</style>
    </head>
	<body class="">
		
		<div class="hidden main">
			<!-- Carousel -->
			<div class="pr hidden guide">
				<div class="coverbg">
					<div class="swiper-container swiper-container-vertical">		
						<div class="swiper-wrapper"><div class="hidden swiper-slide swiper-slide-duplicate">
							<div class="cover" style="background-image: url(templets/cloud_04/images/1.jpg)"></div>
							</div>
							<div class="hidden swiper-slide">
								<div class="cover" style="background-image: url(templets/cloud_04/images/2.jpg)"></div>
							</div><div class="hidden swiper-slide swiper-slide-prev">
								<div class="cover" style="background-image: url(templets/cloud_04/images/3.jpg)"></div>
							</div><div class="hidden swiper-slide swiper-slide-active">
								<div class="cover" style="background-image: url(templets/cloud_04/images/1.jpg)"></div>
							</div>						<div class="hidden swiper-slide swiper-slide-duplicate swiper-slide-next">
								<div class="cover" style="background-image: url(templets/cloud_04/images/2.jpg)"></div>
							</div></div>						
					</div>				
				</div>
				<div class="textbox">
					<div class="swiper-container swiper-container-horizontal">		
						<div class="swiper-wrapper"><div class="hidden swiper-slide swiper-slide-duplicate"></div>
							<div class="hidden swiper-slide"></div><div class="hidden swiper-slide swiper-slide-prev"></div><div class="hidden swiper-slide swiper-slide-active"></div>						<div class="hidden swiper-slide swiper-slide-duplicate swiper-slide-next"></div></div>	
						<div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets"><span class="swiper-pagination-bullet"><em>01</em></span><span class="swiper-pagination-bullet"><em>02</em></span><span class="swiper-pagination-bullet swiper-pagination-bullet-active"><em>03</em></span></div>							
					</div>					
				</div>
			</div><!-- /.carousel -->	

			<div class="guide-link">
				<a class="upper" href="javascript:;" data-text="Go to the home page">Go to the home page</a>
			</div>
			
			<div class="guide-menu">
				<ul class="style clearfix">
					<li><a class="trans-3" href="javascript:;">老塞咖啡</a>
						<div class="dropmenu">
                        <a class="trans-3"  href="a/shop/index.htm">形象店</a><a class="trans-3" href="a/shop2/index.htm">标准店</a><a class="trans-3" href="a/shop3/index.htm">mini</a><a class="trans-3" href="a/shop4/index.htm">外卖店</a>    
						</div>
					</li>
					<li><a class="trans-3" href="javascript:;">了解老塞</a>
						<div class="dropmenu">
                        <a class="trans-3" href="a/guanyu/index.htm">了解我们</a><a class="trans-3" href="a/lianxi/shops.htm">门店分布</a><a class="trans-3" href="a/zhaopin/index.htm">招贤纳士</a><a class="trans-3" href="a/guanyu/xinwen/index.htm">最新资讯</a>   
						</div>
					</li>
				    <li><a class="trans-3 noafter" href="a/caipin/index.htm">老塞产品</a>
					</li><li><a class="trans-3" href="javascript:;"> 合伙加盟</a>
						<div class="dropmenu">
							<a class="trans-3" href="a/jzgh/index.htm">进驻计划</a>
							<a class="trans-3" href="a/jmlc/index.htm">加盟流程</a>
							<a class="trans-3" href="a/jmsq/index.htm">加盟申请</a>
						</div>
					</li>   
				</ul>
			</div>
			<!-- JiaThis Button BEGIN -->
			<div class="jiathis_style guide-share hidden-xs">
				<a class="sina" href="javascript:;" target="_blank" title="跳转到官方微博"></a>
				<a class="weixin" href="javascript:;" target="_blank" title="跳转到官方微信"></a>
			<!-- JiaThis Button END -->
		</div>
		<div id="shares"><a id="sshare"><i class="fa fa-share-alt"></i></a><a href="javascript:;" target="_blank" id="sweibo"><i class="fa fa-weibo"></i><img src="templets/cloud_04/images/weibo.jpg"></a><a href="javascript:;" id="sweixin"><i class="fa fa-weixin"></i>
<img src="templets/cloud_04/images/weixin.jpg">
</a></div>
		<link rel="stylesheet" type="text/css" href="templets/cloud_04/style/swiper.css">
		<style type="text/css">
		.guide-share{position: absolute; z-index: 100; right: 70px; bottom: 50px;}
		.guide-share .sina{display: block; width: 20px; float: none; margin-top: 5px; height: 20px; line-height: 20px; background: url("images/sina.png") no-repeat;}
		.guide-share .weixin{display: block; width: 20px;  float: none; margin-top: 5px; height: 20px; line-height: 20px; background: url("images/weixin.png") no-repeat;}
		.guide-share .sina:hover,.guide-share .weixin:hover{ opacity: 0.8; }
		</style>	
       
		<script type="text/javascript" src="templets/cloud_04/js/swiper.js"></script>						
		<script type="text/javascript" src="templets/cloud_04/js/index.js"></script>			
	
</body></html>